<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<title>忘记密码 - 综合性执法系统</title>
		<%@ include file="/common/include/head_title.jsp"%>
	    <link rel="stylesheet" href="${rootPath }/common/resource/bootstrapvalidator/css/form-validation.css" rel="stylesheet">
	  	<script type="text/javascript" src="${rootPath }/common/resource/bootstrapvalidator/js/form-validation.js"></script>
	  	<script type="text/javascript">
	  		$(function()
			{
			  	$("#form").FormValidation({
		  			fields:
	  				{
		  				/* 邮箱 */
		  				email:
	  					{
		  					validators: {
		  	                    notEmpty: {
		  	                        message: '邮箱不能为空'
		  	                    },
		  	                    stringLength: {
		  	                        min: 4,
		  	                        max:40,
		  	                        message: '邮箱的长度为在4位与40位之间'
		  	                    },
		  	                    regexp: {
		  	                        regexp: /^[\w-_]+@[\w-_]+\.[\w-_]+$/i,
		  	                        message: '邮箱不符合规则'
		  	                    }
		  	                }
	  					},
	  					/* 验证码 */
		  				code:
	  					{
		  					validators: {
		  	                    notEmpty: {
		  	                        message: '验证码不能为空'
		  	                    },
		  	                    stringLength: {
		  	                        min: 4,
		  	                        max:4,
		  	                        message: '验证码的长度为在4位字符'
		  	                    }
		  	                }
	  					}
	  				}
				});
			});
	  	</script>
	</head>
	<body>
		<%@ include file="/common/include/head_header.jsp"%>
		<!-- 网页的主体 -->
		<div class="container">
			<div class="col-md-8 col-sm-10">
				<form id="form" method="post" class="form-horizontal" action="${rootPath }/forgetPassSubmit.htm">
					<input type="hidden" name="returnUrl" value="">
	
					<h2
						class="col-sm-10 col-sm-offset-1 form-signin-heading text-center">忘记密码</h2>
					<div class="form-group">
						<label for="email" class="col-sm-3 control-label">邮箱</label>
						<div class="col-sm-8">
							<input type="text" id="email" name="email" class="form-control"
								value="${requestScope.users.email }" placeholder="邮箱">
						</div>
					</div>
					<div class="form-group">
						<label for="email" class="col-sm-3 control-label">验证码</label>
						<div class="col-sm-8">
							<div class="input-group">
								<span class="input-group-addon">
									<a href="#" tabindex="-1" onclick="return refreshCode('imgCode');">
										<img id="imgCode" src="${rootPath }/common/randImg.htm" title="点击刷新验证码" width="100" height="35" />
									</a>
								</span>
								<input type="text" id="code" name="code" value="" class="form-control" placeholder="验证码">
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-8 col-sm-offset-2">
							<button class="btn btn-md btn-primary" type="submit">提交</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<%@ include file="/common/include/head_footer.jsp"%>
	</body>
</html>